<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="js/vue.js"></script>
</head>
<body>
<div id="app"></div>
<script>
  const app = Vue.createApp({
    data() {
      return {
        message: '<i>jspang.com</i>',
        count: 5
      }
    },
    methods: {
      handleItemClick() {
        this.message = this.message == 'jspang.com' ? "技术胖" : "jspang.com"
      }
    },
    template: `<h2
                        v-on:click="handleItemClick"
                        v-html="message"

                    > </h2>
                    <div>{{count>2?'大':'小'}}</div>

                    <div v-bind:id="message">{{message}} </div>

                    `
  })
  const vm = app.mount("#app")

</script>
</body>
</html>
